<style>
    .align-center {
        text-align: center;
    }
    .margin-top-10{
        margin-top: 10px;
    }
    .layui-container-fluid {
        margin: 5px;
    }
    .table-label{
        min-width: 90px!important;
    }
    .table-value{
        word-break:break-all!important;
    }
</style>

<div style="background-color: #f7f7f7;" class="cubeui-content-selectable">
    <div class="layui-fluid">
        <table class="layui-table" style="margin: 0px 0;">
            <thead>
            <tr>
                <th colspan="6" style="text-align: center">服务器状况</th>
            </tr>
            </thead>
            <tr>
                <td class="table-label">节点ID：</td>
                <th colspan="5" class="table-value">{{:header.member_id}}</th>
            </tr>
            <tr>
                <td class="table-label">服务器版本：</td>
                <td>{{:version}}</td>
                <td class="table-label">数据大小：</td>
                <td>
                    {{:dbSize}} (Bytes)
                </td>
            </tr>

            <tr>
                <td class="table-label">当前修订号：</td>
                <td>{{:header.revision}}</td>
                <td class="table-label">已用数据：</td>
                <td>{{:dbSizeInUse}} (Bytes)</td>

            </tr>



            <tr style="background-color: #f2f2f2;">
                <th colspan="6" style="text-align: center">&nbsp;</th>
            </tr>

            <tr>
                <th colspan="6" style="text-align: center">集群状况</th>
            </tr>

            <tr>
                <td class="table-label">集群ID：</td>
                <th class="table-value">{{:header.cluster_id}}</th>
                <td class="table-label">Leader ID：</td>
                <th class="table-value">{{:leader}}</th>
            </tr>

            {{for members}}

            <tr>
                <th colspan="6" style="text-align: center"></th>
            </tr>
            <tr>
                <td class="table-label">节点：</td>
                <td>{{:name}}</td>
                <td colspan="3">
                    {{:ID}}
                    {{if isLearner}}
                    <font color="red">
                    [学习者]
                    </font>
                    {{/if}}
                </td>
            </tr>
            <tr>
                <td class="table-label">接口地址：</td>
                <td colspan="4">{{:clientURLs}}</td>
            </tr>
            <tr>
                <td class="table-label">集群通信地址：</td>
                <td colspan="4">{{:peerURLs}}</td>
            </tr>

            {{/for}}

            </thead>
        </table>
    </div>
</div>